<template>
    <div class="headerWrap">
        <div class="FitHeight20"></div>
        <div class="header">
            <a href="javascript:;" @click="back" class="pull-left"></a>
            <h1>{{title}}</h1>
        </div>
    </div>
</template>
<script>
    export default {
        props:['title'],
        methods:{
            back(){ this.$router.back(); }
        }
    }
</script>
<style scoped>
    .headerWrap{position: fixed;left: 0;top: 0;width: 100%;background: #fff;z-index: 999;border-bottom: 1px solid #f1f1f1;}
    .header{width: 100%;height: 2.2rem;line-height: 2.2rem;text-align: center;background: #fff;z-index: 99;;}
    .pull-left{position: absolute;bottom:0;left:0;display: block;width: 3rem;height: 2.2rem;background: url(./../assets/icon/arrow-left.svg) no-repeat 0.5rem center / 1.6rem;}
    .header h1{font-size: 0.8rem;}
</style>
